<template>
  <div>
    <h1>{{ msg }}</h1>
    <h1>{{ obj.name }}</h1>
    <h1>{{ obj.age >= 18 ? '小伙子成年了' : '未成年滚回去学习' }}</h1>

    <!-- vue指令 -v-bind属性动态赋值 -->
    <a v-bind:href="url">跳转百度</a>
    <!-- <img :src="imgSrc"> -->
  </div>
</template>

<script>


export default {
  data() {
     return {
       msg:'我爱学习vue！！！',
       obj:{
         name:'小vue~~~',
         age:21
       },
       url:'http://www.baidu.com',
       imgSrc:'http://yun.itheima.com/upload/./Images/20210412/60741c11ab77b.jpg'
     }
  }

}
</script>

<style>
</style>
